<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: Chengbo Zhang
  Date: 2023/2/27
  Time: 9:40
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>产品中心</title>
  <link rel="icon" href="../img/p7up.png" type="img/x-ico">
  <link rel="stylesheet" href="../css/common.css">
  <link rel="stylesheet" href="../css/product.css">
</head>
<body>
<div class="justify-content-center">
  <div>
    <!-- 顶部导航与大图 -->
    <jsp:include page="top-two.jsp"/>
    <!-- 产品中心详情 -->
    <div class="product justify-content-center flex-wrap">
      <div>
        <div class="justify-content-center flex-wrap">
          <!-- 导航标签 -->
          <div class="justify-content-start">
            <img src="../img/p7up.png">
            <div>网站首页 >> 产品中心</div>
          </div>
          <!-- 产品详情 -->
          <div class="justify-content-center flex-wrap">
            <!-- 标签栏 -->
            <div class="nav-product justify-content-center">
              <c:forEach items="${productNavModelList}" var="productNav">
                <div>${productNav.navName}</div>
              </c:forEach>
            </div>
            <!-- 产品清单 -->
            <div class="item-product justify-content-space-between flex-wrap align-items-center">
              <c:forEach items="${productModelList}" var="product" varStatus="loop">
                <div class="justify-content-center flex-wrap">
                  <img src="${productImageModelList[loop.count-1].imageMessage}">
                  <div>${product.productName}</div>
                  <div class="justify-content-center">
                    <div>价格：</div>
                    <div>￥${product.price}</div>
                  </div>
                </div>
              </c:forEach>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- 页脚 -->
    <jsp:include page="foot.jsp" />
  </div>
</div>
</body>
</html>
